*{
	margin:0; padding:0;
}
html, body{ 
	margin:0; height:100%;
 }
#wrap{
	width:92%;
	/*background-color:#09F;*/
}


#left_block{
    margin-right: 40px;
}

#printcontext{
    padding: 0 10px 0 0px;
}

/*cotnent paragraph */
.box-info p{
	font-size: 1em;
    line-height: 2rem;
    color: #666;
	width: 90%;
}


/* market blocks */
.market_wrap{
	width:90%;
	height:100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
	margin-top: 2rem;
}

.market__block{
	display:flex;
	position:relative;
	width: 250px;
	height: 250px;
	margin: 0 10px 35px 0;
	
	padding-bottom: 5px;
}
.market__image{
	width: 250px;
}
.market__cover{
	  display: block;
	  position: absolute;
	  z-index: 2;
	  width: 250px;
	  height: 55px;
	  left:0;
	  bottom: 5px;
  
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,000000+99&0+0,0.9+53 */
  
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 1%, rgba(0,0,0,0.9) 53%, rgba(0,0,0,0.9) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 1%,rgba(0,0,0,0.9) 53%,rgba(0,0,0,0.9) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 1%,rgba(0,0,0,0.9) 53%,rgba(0,0,0,0.9) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
  
	
}
  .market__cover__title{
	  margin-left: 15px;
	  padding-bottom: 5px;
	  font-weight:bold;
	  color:#FFF;
	  font-size:16px;
	  line-height:65px;
  }
.market__cover__title-muti{
	font-size: 13px;
  }
  .market__link{
	  display: none;
	  width: 250px;
	  height: 238px;
	  padding: 0 auto;
	
	  background:rgba(0,0,0,0.7);
	  text-decoration: none;

	  position: absolute;
	  top: 0;
	  left: 0;

	  transition: 1s;
	  -webkit-transition: 1s;

	  z-index: 5;
	
  }
  .market__list{
	display: block;
	width: 90%;
	margin: 0 auto;
  }
  .market__list__title{
	display: block;
    padding-top: 12px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px #FFFFFF solid;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
 .market__title-muti{
	font-size: 17px;
	line-height: 1.5rem;
  }
  .market__list__items {
	/* padding-inline-start: 20px !important; */
	padding-left:35px;
	font-size: 14px!important;
	line-height:1.3rem/*1.6rem*/;
	background: none;
	color: white!important;
  }
  .market__link__mobile{
	display: none;
	width: 260px;
	height: 238px;
	padding: 0 auto;
  
	background:rgba(0,0,0,0.7);
	text-decoration: none;

	position: absolute;
	top: 0;
	left: 0;

	transition: 1s;
	-webkit-transition: 1s;

	z-index:6;
  }
  .market__block:hover .market__link{
	display: block;
  }
  .market__block:hover .market__cover__triangle{
	display: block;
  }
  .market__cover__triangle{
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 22.5px 25px 22.5px;
	position:absolute;
	bottom: 0px;
	left: 105px;
	z-index: 5;
  }

  .market__cover__triangle__mobile{
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width:0 16px 16px 16px;
	position:absolute;
	bottom: -2px;
	left: 110px;
	z-index: 7;
  }
  
/***** colors ******/

/* yellow */
.triangle-yellow{
	border-color: transparent transparent #FC0 transparent;
  }
  
.market__block__border-yellow{
	border-bottom: 7px #FC0 solid;
  }
  
.market__title-yellow{
	color: #FC0;
  }
  
/* orange */
.triangle-orange{
	border-color: transparent transparent #F90 transparent;
  }
  
.market__block__border-orange{
	border-bottom: 7px #F90 solid;
  }
  
.market__title-orange{
	color: #F90;
  }

/* purple */
.triangle-purple{
	border-color: transparent transparent #7860ac transparent;
  }
  
.market__block__border-purple{
	border-bottom: 7px #7860ac solid;
  }
  
.market__title-purple{
	color: #7860ac;
  }

/* green */
.triangle-green{
	border-color: transparent transparent #35b556 transparent;
  }
  
.market__block__border-green{
	border-bottom: 7px #35b556 solid;
  }
  
.market__title-green{
	color: #35b556;
  }

/* gray */
.triangle-gray{
	border-color: transparent transparent #4b4b4b transparent;
  }
  
.market__block__border-gray{
	border-bottom: 7px #4b4b4b solid;
  }
  
.market__title-gray{
	color: #fff;
  }

/* red */
.triangle-red{
	border-color: transparent transparent #f2443d transparent;
  }
  
.market__block__border-red{
	border-bottom: 7px #f2443d solid;
  }
  
.market__title-red{
	color: #f2443d;
  }

/* 底下文字*/




.word{
	clear:both;
}

.word ul{
	margin: 0;
    padding: 0;
    overflow: auto;
}

.word ul li{
	list-style: none;
    background: url(../../images/404_03.png) no-repeat 0px 6px;
    margin: 10px 0;
    padding: 0 0 0 18px;
    line-height: 1.6em;
    color: #666;
}

.box-info h4{
	margin-bottom: 20px;
}

#main_tit{
	margin:5px 0 17px 0;
	font-size:1.2em;
	font-weight:bold;
	color:#006699;
}



@media screen and (max-width: 576px) {
	.market__block{
		width:95%;
	}
	.market__image{
		width:100%;
		object-fit: cover;
	}
	.market__cover {
		width: 100%;

	}
	.market__cover__triangle__mobile{
		left: 50%;
		margin-left: -15px;
	}
	.market__cover__triangle{
		display:none;
	}
	.market__link__mobile{
		width:100%;
		/* display:none; */
	}

	.market__block:hover .market__link{
		display: none;
	  }

	  .market__block:hover .market__cover__triangle{
		display:none;
	  }

	.market__mobile-show{
		display:flex;
	}

	.market__mobile-show:hover{
		display:flex;
	}
}

@media only screen and (min-width: 321px) and (max-width: 850px) {


}
	

@media only screen and (min-width: 100px) and (max-width: 375px) {
}